import Read from "../../../assets/chatCard/3.webp";
import Closed from "../../../assets/chatCard/8.webp";
import Trans from "../../../assets/chatCard/2.webp";
import RightIcon from "../../../assets/chatCard/9.webp";
import { AnyObject } from "antd/es/_util/type";
import AIHeader from "./header";
import AIInput from "./AIInput";
// AI翻译
const AITranslation = ({ resetIndex }: AnyObject) => {
  return (
    <div className="rounded-2xl bg-z-black border-gray-black border overflow-hidden relative items-center">
      <AIHeader
        resetIndex={resetIndex}
        img={Read}
        Closed={Closed}
        title="翻译"
      />
      <div className="py-4 px-3.5">
        <div className="flex justify-start items-center gap-2 mb-4">
          <div className="px-2 py-1 flex rounded-lg border-gray-black border h-6 items-center cursor-pointer">
            <div className="text-white text-xs mr-2">自动检测</div>
            <img src={Trans} className="w-3 h-1.5" alt="" />
          </div>
          <img src={RightIcon} className="w-3 h-2.5" alt="" />
          <div className="px-2 py-1 flex rounded-lg border-gray-black border h-6 items-center cursor-pointer">
            <div className="text-white text-xs mr-2">English</div>
            <img src={Trans} className="w-3 h-1.5" alt="" />
          </div>
        </div>
        <AIInput placeholder="输入需要翻译的文本" size={true} />
      </div>
    </div>
  );
};
export default AITranslation;
